<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>

			.box{
				width: 200px;
				/* height: 100px; */
				background: yellowgreen;
			}
			
			span{
				width: 200px;
				height: 100px;
				background-color: pink;
			}
			
			input{
				width: 300px;
				height: 60px;
			}
			
		</style>
	</head>
	<body>
		<!-- 标准文档流：把元素从左往向，从上往下 依次排列 -->
		<!-- 在标准文档流中，标签分为三类：块元素 行内元素 行内块元素 -->
		
		<!-- 块元素 div p ul li h1-h6
			特性：可以设置宽高, 如果不设置宽，会继承父的100%宽; 如果不设置高, 内容撑高！！！
			 独占一行：不管后面有没有内容
		 -->
		 <!-- <div class="big"> -->
			 <div class="box">div</div>
		 <!-- </div> -->
		<p>ppp</p>
		
		<!-- 行内元素： span  a
			特性：不可以设置宽高，大小就是内容大小
			可以站成一排， 不会换行
		 -->
		
		<span>spanspanspanspan</span>
		<a href="">aaaa</a>
		
		<!-- 行内块：img input -->
		<!-- 特性: 可以设置大小，可站成一排
			
		 -->
		<img src="img/3.jpg" alt="" />
		<input />
		
	</body>
</html>